<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小爱开放平台</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <!-- 第一部分 -->
    <div class="nav">
        <div class="w">
            <ul>
                <img src="images/10001.png" alt="">
                <h4>小米小爱开放平台</h4>
                <li><a href="#" class="love"> 小爱同学5.0</a></li>
                <li><a href="#">技能平台</a></li>
                <li><a href="#">语音服务</a></li>
                <li><a href="#" class="hver">蓝牙服务</a></li>
                <li><a href="#" class="hver">资源中心</a></li>
                <li><a href="#" class="hver">小爱论坛</a></li>
                <li><a href="#" class="hver">联系我们</a></li>
            </ul>
            <div class="console">控制台</div>
            <span><a href="#">登录</a></span>
        </div>
    </div>
    <!-- 第一部分结束 -->
    <!-- 第二部分开始 -->
    <div class="banner">
        <div class="w">
            <h3>技能开发平台</h3>
            <p>快速开发你的语言技能</p>
            <span>立即开发</span>
        </div>
    </div>
    <!-- 第二部分结束 -->
    <!-- 第三部分开始 -->
    <div class="box1">
        <div class="w">
            <div class="box2">
                <img src="images/10003.png" alt="">
                <div class="box3">
                    <p class="title">什么是语音技能</p>
                    <p class="context">语音技能是部署在音箱等以语音交互为主要交互形式的设备上的功能，可以理解为是以语音交互面向用户的app， 语音技能不需要下载，不需要安装，由端口直接对接，轻量级且几乎没有迁移成本， 你可以在所有接入了小米小爱同学开放平台服务的设备上使用语音技能
                    </p>
                    <p class="title">语音技能可以做什么</p>
                    <p class="context">
                        通过小米小爱开放平台开发的语音技能可以把开发者的数据和服务以语音形式输出， 我们提供完整的语义理解配套工具帮助开发者来解析用户的语料，目前我们已经有超过100款第三方技能接入到我们平台中来， 涵盖游戏、工具、儿童等众多领域
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- 第三部分结束 -->
</body>

</html>